<template>
	<!-- 顶部导航栏 -->
	<view class="tops">
		<view class="tops_left">
			<image style="width: 50rpx;height: 50rpx;margin: 20rpx;" src="https://img.jingkakeji.com/img/static/lianheq.png" @click="onbacks" mode=""></image>
			<image style="width: 130rpx;height: 50rpx;margin: 20rpx;object-fit: cover;" :src="'https://img.jingkakeji.com/img' + images" mode=""></image>
		</view>
		<view class="tops_right">
			<image style="width: 50rpx;height: 10rpx;margin-top: 40rpx;margin-right: 30rpx;" src="https://img.jingkakeji.com/img/static/lianhe.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	export default {
		props:['images'],
		data() {
			return {
				
			}
		},
		methods: {
			onbacks(){
			uni.navigateTo({
				url:"/pages/pks/pks"
			})
			}
		}
	}
</script>

<style lang="scss" >
	.tops{
		width: 100%;
		height: 100rpx;
		background: url("https://img.jingkakeji.com/img/static/mangbanca.png");
		  margin: 0;
		   padding: 0;
		   
		   /* 设置背景图片 */
		   // background-image: url('your-image.jpg');
		   
		   /* 确保图片不平铺 */
		   background-repeat: no-repeat;
		   
		   /* 让图片居中显示 */
		   background-position: center;
		   
		   /* 关键属性：让图片覆盖整个容器，保持比例，可能裁剪部分图片 */
		   background-size: cover;
		  position: fixed;
		  top: 0;
		  display: flex;
		  z-index: 999999;
	}
	.tops_left{
		width: 60%;
		height: 100%;
		display: flex;
	}
	.tops_right{
		width: 40%;
		height: 100%;
		display: flex;
		justify-content: flex-end; /* 所有子元素靠右 */
	}
	.card {
	  display: flex;          /* 整体横向排列 */
	  gap: 12px;             /* 左侧图片和右侧内容的间距 */
	  align-items: flex-start; /* 顶部对齐 */
	  // padding: 12px;
	  // border: 1px solid #eee;
	}
	
	.card-img {
	  width: 70rpx;          /* 左侧图片宽度 */
	  height: 70rpx;         /* 高度自适应 */
	  object-fit: cover;     /* 防止图片变形 */
	  padding: 10rpx;
	}
	
	.card-content {
	  display: flex;
	  flex-direction: column; /* 右侧内容垂直排列 */
	  gap: 8px;             /* 主标题和副标题的间距 */
	}
	
	.title {
	  font-size: 16px;
	  font-weight: bold;
	}
	
	.footer {
	  display: flex;         /* 右下小图片+文字横向排列 */
	  align-items: center;   /* 垂直居中 */
	  gap: 6px;             /* 小图标和文字的间距 */
	  font-size: 12px;
	  color: #666;
	}
	
	.small-img {
	  width: 16px;
	  height: 16px;
	}
</style>
